<template>
  <div class="renting">
    租房
  </div>
</template>

<script>
import Header from "@/components/Header";
import areaData from "@/assets/js/data.js";
import Footer from "@/components/Footer";
export default {
  name: "Renting",

  components: {
    Header,
    Footer,
  },

  data() {
    return {
      data: {}
    };
  },

    created(){
        this.data = areaData;
        console.log(this.data)
    },

  methods: {
    goPage(n) {
      this.$router.push({ name: n });
    },
  },
};
</script>

<style lang="less" scoped>
.renting {
  .w {
    background-color: red;
  }
  .div1 {
    width: 500px;
    height: 500px;
    border: 1px solid #ccc;
    background-color: #000;
  }
  .div2 {
    width: 500px;
    height: 500px;
    border: 1px solid #ccc;
    background-color: skyblue;
  }
  .div3 {
    float: left;
    width: 800px;
    height: 50px;
    background-color: springgreen;
  }
}
</style>